<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/global.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
	</head>
	<body>
		<div id="header"></div>
		
		<div class="main">
			<div class="container">
				<!-- content here -->
				
			</div>
		</div>
		
		<div id="footer"></div>
		
		<script type="text/javascript" src="js/jquery.js"></script>
		<script>
			$('#header').load('component/header.html')
			$('#footer').load('component/footer.html')
		</script>
	</body>
</html>
